<script lang="ts">
import {ref} from "vue";

export default {
  /*setup(props,context)函数是组合式API的入口*/
  setup() {
    const count = ref(0)
    const add = () => {
      count.value += 1
    }
    console.log("setup()中的this为undefined", this)
    /*模板中需要使用的数据和方法需要return出去*/
    return {
      count,
      add,
    }
  },
}
</script>

<template>
  <h1 @click="add">{{ count }}</h1>
</template>

